<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
    <meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" type="text/css" href="<c:url value="/css/application.css" />">
	<link rel="stylesheet" type="text/css" href="<c:url value="/css/listdata.css"></c:url>">

    <script type="text/javascript" src="<c:url value="/js/common.js"/>"></script>
    
    <script type="text/javascript">
    
         function doQuery(pageno)
         {
            if(pageno<1 || pageno>${page.totalPageNum})
            {
              alert("页号超出范围，有效范围：[1-${page.totalPageNum}]!");
              ${'pageNo'}.select();
              return;
            }
            
            var f=document.forms[0];
            f.action=f.action+"?pageNo="+pageno;
            f.submit();
            
         } 
         
    
    </script>

  </head>
  
  <body>
    <div class="listTitle"> 
      >> 我的评论列表
    </div>
    
    <c:if test="${not empty page.pageContent}">
        
               <table class="listable" cellspacing=0 cellpadding=0 border=0>
                 <thead>
                  <tr>
                      <th>订单号</th>                     
                      <th>书名</th>
                      <th>标题</th>
                      <th>内容</th>
                      <th>评分</th>
                      <th>发表时间</th>
                  </tr>
                 </thead>
                 <tbody>
                    <c:forEach items="${page.pageContent}" var="comment">
                        <tr>
                             <td>${comment.orderInfo.orderId }</td>                             
                             <td>${comment.book.bookName }</td>
                             <td>${comment.title}</td>
                             <td width="400px">${comment.content}</td>
                             <td>${comment.mark}</td>
                             <td>${comment.issueTime}</td>
                        </tr>
                    
                    </c:forEach>
                 </tbody> 
               </table>
    <div id="pageinfo" style="float:right; margin:5px; padding-right:3px;">
		            共${page.totalRecNum}条, 当前显示${page.startIndex+1}-${page.endIndex}条, 第${page.pageNo}/${page.totalPageNum}页
		           |
		           <c:if test="${page.pageNo>1}">
		             <span class="linkspan" onclick="doQuery(1)">首页</span>&nbsp;
		           </c:if>
		           <c:if test="${page.prePage}">
		             <span class="linkspan" onclick="doQuery(${page.pageNo-1})">上一页</span>&nbsp;
		           </c:if>
		           <c:if test="${page.nextPage}">
		             <span class="linkspan" onclick="doQuery(${page.pageNo+1})">下一页</span>&nbsp;
		           </c:if>
		           <c:if test="${page.pageNo!=page.totalPageNum}">
		             <span class="linkspan" onclick="doQuery(${page.totalPageNum})">末页</span>&nbsp;
		           </c:if>
		           |
		            到<input type="text" id="pageNo" size=4 style="text-align:right;" onkeypress="onlynumber();"/> 页
		           <button onclick="doQuery($('pageNo').value);"> 跳 转 </button>		           		           	           	              
		        </div>   
    </c:if>
    
    <c:if test="${empty page.pageContent}">
           <center>
	        <div id="noRecord" style="margin-top:80px;width:30%;height:70px;border:1px solid #c1cdd8;text-align:center;">
	          <span style="margin-top:20px;color:red;">没有符合条件的用户评论被找到!</span>
	          <br/>
	          <br/>
	          <button onclick="history.go(-1);"> 返 回 </button>
	        </div>
	       </center>	  
    </c:if>
    
    <c:if test="${not empty errMsg}">
          <script type="text/javascript">
             alert("${errMsg}");
          </script>
          <c:remove var="errMsg"/>
    </c:if>     
        
  </body>
</html>
